/**
* 首页
*/
<template>
	<view>
		<view class="index-title flex justify-between align-center" :class="[flag?'v-bg-personal':'v-bg-main']" :style="[{ height: CustomBar + 'px'}]">
			<text @click="goOut" class="v-font-white" style="font-size: 40upx;margin-top: 30upx;">{{company}}(中医私人订制)</text>
		</view>
		<view :style="[{ 'margin-top': CustomBar + 'px'}]">
			<vList :dataList="dataList" :flag="flag" @click="onClick"></vList>
			<view class="padding flex flex-direction" style="padding: 30upx 100upx;">
				<button class="cu-btn lg v-font-white"  :class="[flag?'v-bg-personal':'v-bg-main']" :disabled="butFlag" @click="startTesting" style="height: 100upx;font-size: 44upx;">开始检测</button>
			</view>
			<view class="index-division v-bg-division" @click="toHistory">
				<view class="flex"><text style="font-weight: 600;">体检报告：</text>
					<view style="width: 390upx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">{{report}}</view>
				</view>
				<view>更多</view>
			</view>
			<view v-if="status == -1" class="index-image flex justify-center align-center">
				<view style="font-size: 20px;color: gray;">正在检测中，请耐心等待......</view>
			</view>
			<view v-if="status == 0" class="index-image">
				<image src="../../static/image/error.png" mode=""></image>
			</view>
			<view v-if="status == 1" class="">
				<view class="">
					<view class="list-item v-arrow" style="font-size: 35upx;" @click="toReport">
						{{health}}
					</view>
					<view style="padding: 0 50upx;">
						<view class="colums-chart">
							<block v-for="(item,index) in Column.series[0].data" :key="index">
								<view class="columnItem" :style="[{height:(item.value!=0?item.value:20)+'%','background-color':item.color!=''?item.color:''}]"></view>
							</block>
						</view>
						<view class="colums-but">
							<block v-for="(item,index) in Column.categories" :key="index">
								<view class="columnItemName">{{item}}</view>
							</block>
						</view>
					</view>
					<!-- <view v-if="canvaFlag == 1" class="flex justify-center align-center">
						<canvas canvas-id="canvasColumn" id="canvasColumn" class="charts" @touchstart="touchColumn"></canvas>
					</view>
					<view v-else class="flex justify-center align-center">
						<image class="charts" :src="imgsUrl"></image>
					</view> -->
					<view class="flex justify-center align-center" style="font-size: 20upx;flex-direction: column;padding: 40upx 0upx;">
						<view class="flex" v-for="(item,ind) in symptom" :key="ind" style="width: 80%;">
							<view class="" style="width: 10%">
								{{item.name}}:
							</view>
							<view class="" style="width: 90%;line-height:17px;color: #9E9E9E;">
								{{item.represent}}
							</view>
						</view>
					</view>
					<view class="flex justify-center align-center v-bg-division" style="flex-direction: column;padding: 40upx 0upx 0upx 0upx;"
					 v-if="recipesVos.length != 0">
						<text style="font-size: 36upx;font-weight: 600;width: 90%;">{{"第1周菜单（"+recipesVos[0].startTime+"至"+recipesVos[0].endTime+"）"}}</text>
						<text style="font-size: 15px;width: 90%;color: #9E9E9E;">药食同源营养餐 产妇分别出菜单</text>
						<view class="padding" style="padding-bottom: 0upx;">
							<view class="grid margin-bottom text-center col-5 index-shadow" style="font-size: 26upx;">
								<view class="v-bg-white col-title"></view>
								<view class="v-bg-white col-title">早餐</view>
								<view class="v-bg-white col-title">中餐</view>
								<view class="v-bg-white col-title">晚餐</view>
								<view class="v-bg-white col-title">加餐</view>
								<block v-for="(item,indexs) in recipesVos[0].recipess" :key="indexs">
									<view class="v-bg-white flex justify-center align-center col-title">{{"第"+(indexs+1)+"天"}}</view>
									<view class="v-bg-white flex justify-center align-center col-title col-font" @click="seeRecipes(item.breakfast)">
										<ul style="width: 100%;">
											<li class="li-font" v-for="(items,ind) in item.breakfast" :key="ind">{{items.name}}</li>
										</ul>
									</view>
									<view class="v-bg-white flex justify-center align-center col-title col-font" @click="seeRecipes(item.dinner)">
										<ul style="width: 100%;">
											<li class="li-font" v-for="(items,ind) in item.dinner" :key="ind">{{items.name}}</li>
										</ul>
									</view>
									<view class="v-bg-white flex justify-center align-center col-title col-font" @click="seeRecipes(item.lunch)">
										<ul style="width: 100%;">
											<li class="li-font" v-for="(items,ind) in item.lunch" :key="ind">{{items.name}}</li>
										</ul>
									</view>
									<view class="v-bg-white flex justify-center align-center col-title col-font" @click="seeRecipes(item.mealAddition)">
										<ul style="width: 100%;">
											<li class="li-font" v-for="(items,ind) in item.mealAddition" :key="ind">{{items.name}}</li>
										</ul>
									</view>
								</block>
							</view>
						</view>
						<view class="list-item v-arrows" style="font-size: 40upx;color: #9E9E9E;" @click="toReport">
							查看更多
						</view>
					</view>
				</view>
			</view>
			<view v-if="status == 2" class="index-image">
				<image :src="errorImg" mode=""></image>
			</view>
			<view class="v-font-p v-font-center bottom-mark">
				技术支持：武汉主人翁健康养生科技有限公司 4001185619
			</view>
			<image src="../../static/image/shop.png" @tap="shop" class="suspension"></image>
		</view>
		<v-loading :loadModal="loadModal" :msg="msg"></v-loading>
		<view class="cu-modal" :class="DialogModal?'show':''">
			<view class="cu-dialog">
				<view class="cu-bar bg-white justify-end">
					<view class="content">确认信息</view>
					<view class="action" @tap="hideModal">
						<text class="cuIcon-close text-red"></text>
					</view>
				</view>
				<view class="padding-xl">
					确认退出登录吗？
				</view>
				<view class="cu-bar bg-white">
					<view class="action margin-0 flex-sub  solid-left" @tap="outHideModal">确定</view>
					<view class="action margin-0 flex-sub text-green solid-left" @tap="hideModal">取消</view>
				</view>
			</view>
		</view>
		<view class="cu-modal" :class="updatePwd?'show':''">
			<view class="cu-dialog">
				<view class="cu-bar bg-white justify-end">
					<view class="content">修改密码</view>
					<view class="action" @tap="hideModal">
						<text class="cuIcon-close text-red"></text>
					</view>
				</view>
				<view>
					<form @submit="formSubmit">
						<view class="cu-form-group" style="border-bottom: 1upx solid #F0F0F0;">
							<input placeholder="请输入密码" password=tue v-model="update.pwd"></input>
						</view>
						<view class="cu-form-group" style="border-bottom: 1upx solid #F0F0F0;">
							<input placeholder="请再次输入密码" password=tue v-model="update.pwd1"></input>
						</view>
					</form>
				</view>
				<view class="cu-bar bg-white">
					<view class="action margin-0 flex-sub  solid-left" @tap="updatePwds">确定</view>
					<view class="action margin-0 flex-sub text-green solid-left" @tap="hideModal">取消</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import vLoading from '@/components/v-loading/v-loading.vue';
	import vList from '@/components/v-list/v-list.vue';
	import uCharts from '@/js_sdk/u-charts/u-charts.js';
	var _self;
	var canvaColumn = null;
	var timer = null;
	var count = 10;
	const shareParams = {
		title:"私人定制的月子营养餐",
        path: '/pages/index/index',
        imageUrl:'../../static/image/share.jpg'
	}
	export default {
		components: {
			vList,
			vLoading
		},
		data() {
			return {
				StatusBar: this.StatusBar,
				CustomBar: this.CustomBar,
				company:'月子会所',
				flag:false,//个人用户标识
				DialogModal:false,
				loadModal: false,
				updatePwd:false,
				imgsUrl: '',
				canvaFlag: 1,
				msg: '正在提交中...',
				errorImg: '../../static/image/error.png',
				butFlag: false,
				status: 0,
				cWidth: '',
				cHeight: '',
				pixelRatio: 1,
				serverData: '',
				symptom: [],
				update:{
					pwd:'',
					pwd1:''
				},
				Column: {
					categories: [],
					series: [{
						"name": "指数",
						"data": []
					}]
				},
				dataList: [{
						src: '../../static/image/face.png',
						title: '面相',
						content: '点击上传面相（必选）'
					},
					{
						src: '../../static/image/tongue.png',
						title: '舌相',
						content: '点击上传舌相（必选）'
					},
					{
						src: '../../static/image/questionnaire.png',
						title: '问卷',
						content: '点击填写问卷（必选）'
					}
				],
				recipesVos: [],
				addForm: {
					checkNote: {
						checkId: '', //检测id
						maternalMobile: '', //产妇手机号
						maternalName: '', //产妇姓名
						deliveryDay: '', //分娩日期
						maternalNation: '', //民族
						address: '', //检测地址
						deliveryType: 0, //0顺产 1剖腹产
						feedType: 0, //喂养方式 0母乳 1奶粉
						avoidFood: [], //忌口
						roomNumber: '', //房间号
					},
					face: {
						checkId: '', //检测id
						detailId: '', //id
						checkType: 1, //检查类型 1面像 2舌像 3文字
						checkImg: '', //检查图片的保存路径
					},
					tongue: {
						checkId: '', //检测id
						detailId: '', //id
						checkType: 2, //检查类型 1面像 2舌像 3文字
						checkImg: '', //检查图片的保存路径
					},
					questionnaire: {
						checkId: '', //检测id
						detailId: '', //id
						checkType: 3, //检查类型 1面像 2舌像 3文字
						checkWords: [], //文字内容
					}
				},
				checkId: '',
				report: '暂无报告',
				health: ""
			}
		},
		onLoad() {
			_self = this;
			var that = this;
			this.cWidth = uni.upx2px(600);
			this.cHeight = uni.upx2px(200);
			const uuid = this.uuid();
			this.addForm.checkNote.checkId = uuid;
			this.addForm.face.checkId = uuid;
			this.addForm.face.detailId = '1' + uuid;
			this.addForm.tongue.checkId = uuid;
			this.addForm.tongue.detailId = '2' + uuid;
			this.addForm.questionnaire.checkId = uuid;
			this.addForm.questionnaire.detailId = '3' + uuid;
			this.init();
			var user = this.$store.state.user;
			if(user.companyName == "个人用户"){
				that.company = user.nickName;
				that.flag = true;
			}else{
				that.company = user.companyName;
			}
			if(user.isUpdatePwd == 1){
				that.updatePwd = true;
			}
		},
		onPullDownRefresh() {
			this.init();
		},
		onShareAppMessage(){//点击转发按钮时触发
			  return shareParams;
		},
		methods: {
			shop(){ //小程序跳转到商城
				uni.navigateToMiniProgram({
				  appId: this.$profile.shopAppId,
				  path: '',
				  extraData: {},
				  success(res) {
				    console.log(res);
				  },
				  fail(res){
					  console.log(res);
				  }
				})
			},
			goOut(){//确认是否退出
				this.DialogModal = true;
			},
			hideModal(){
				this.updatePwd = false;
				this.DialogModal = false;
			},
			updatePwds(){
				var that = this;
				if(that.update.pwd == '' || that.update.pwd1 == ''){
					uni.showToast({ title: "密码不能为空", icon: "none" });
					return;
				}
				if(that.update.pwd != that.update.pwd1){
					uni.showToast({ title: "两次密码输入不一致，请检查！", icon: "none" });
					return;
				}
				var url = that.$profile.url + "/console/user/rewrite/firstUpdatePwd";
				that.$http.post(url,{pwd:that.update.pwd}).then(res => {
					if(res.flag){
						that.$store.state.user = res.data;
						uni.showToast({ title: res.msg, icon: "success" });	
						that.updatePwd = false;
					}else{
						uni.showToast({ title: res.msg, icon: "none" });	
					}
				})
			},
			outHideModal(){
				uni.removeStorageSync('token');
				this.DialogModal = false;
				uni.reLaunch({
					url: '../login/login'
				});
			},
			setTimer() {
				const that = this;
				if (timer == null && count == 10) {
					timer = setInterval(function() {
						count--;
						that.init();
					}, 3000)
				}
			},
			closeTimer() {
				if (timer != null) {
					clearInterval(timer);
					timer = null;
					count = 10;
				}
			},
			init() {
				const that = this;
				const url = that.$profile.url + "/console/main/rewrite/getCheckScore";
				that.$http.post(url).then(res => {
					uni.stopPullDownRefresh();
					that.butFlag = false;
					if (res.data == null) {
						that.status = 0;
						that.closeTimer();
						return;
					}
					if (res.data.checkResult == -1) {
						that.status = -1;
						that.butFlag = true;
						if (count == 0) {
							that.closeTimer();
						} else {
							that.setTimer();
						}
						return;
					} else if (res.data.checkResult == 0) {
						that.status = 2;
						uni.showToast({
							icon: 'none',
							title: "检测失败，请重新检测"
						});
						that.report = "面诊失败";
						that.errorImg = "../../static/image/0.png"
						that.closeTimer();
						return;
					} else if (res.data.checkResult == 1) {
						uni.showToast({
							icon: 'none',
							title: "检测失败，请重新检测"
						});
						that.status = 2;
						that.report = "舌诊失败";
						that.errorImg = "../../static/image/1.png"
						that.closeTimer();
						return;
					} else if (res.data.checkResult == 2) {
						uni.showToast({
							icon: 'none',
							title: "检测失败，请重新检测"
						});
						that.status = 2;
						that.report = "检测失败";
						that.errorImg = "../../static/image/2.png"
						that.closeTimer();
						return;
					} else {
						that.status = 1;
						that.closeTimer();
					}
					that.checkId = res.data.checkId;
					that.recipesVos = res.data.recipesVos;
					that.report = res.data.report;
					var highHealth = "";
					for (var i = 0; i < res.data.highHealth.length; i++) {
						highHealth += res.data.highHealth[i] + ' ';
					}
					that.health = highHealth;
					var categories = [];
					for (var i = 0; i < res.data.histograms.length; i++) {
						categories.push(res.data.histograms[i].name);
					}
					that.Column.categories = categories;
					that.Column.series[0].data = res.data.histograms;
					that.symptom = res.data.healthList;
					//that.getServerData();
				})
			},
			pay(user) {
				const that = this;
				if (user.count > 0) {
					that.submitForm();
					return;
				}
				//#ifdef MP-WEIXIN
				const url = that.$profile.url + "/wechat/pay/createOrder";
				uni.login({
					provider: 'weixin',
					success: function(loginRes) {
						that.$http.post(url, {
							code: loginRes.code
						}).then(res => {
							const openId = res.data.openId;
							const outTradeNo = res.data.outTradeNo;
							uni.requestPayment({
								provider: 'wxpay',
								timeStamp: res.data.timeStamp,
								nonceStr: res.data.nonceStr,
								package: res.data.packageValue,
								signType: res.data.signType,
								paySign: res.data.paySign,
								success: function() {
									that.submitForm();
								},
								fail: function() {
									uni.showToast({
										icon: 'none',
										title: "网络错误，请稍后重试"
									});
								},
								complete: function() {
									const urls = that.$profile.url + "/wechat/pay/queryOrder";
									setTimeout(function() {
										that.$http.post(urls, {
											outTradeNo: outTradeNo
										});
									}, 3000)
								}
							});
						})
					},
					fail: function() {
						uni.showToast({
							icon: 'none',
							title: "网络错误，请稍后重试"
						});
					}
				});
				//#endif
			},
			seeRecipes(e) {
				var id = [];
				for (var i = 0; i < e.length; i++) {
					id.push(e[i].id);
				}
				uni.navigateTo({
					url: '../recipes/recipes?id=' + id.join(",")
				})
			},
			S4() {
				return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
			},
			uuid() {
				return (this.S4() + this.S4() + this.S4() + this.S4() + this.S4() + this.S4() + this.S4() + this.S4());
			},
			toReport() {
				const that = this;
				uni.navigateTo({
					url: '../report/report?checkId=' + that.checkId
				})
			},
			toHistory() {
				uni.navigateTo({
					url: '../history/history'
				})
			},
			clean() {
				const that = this;
				const uuid = that.uuid();
				that.dataList[0].content = '点击上传面相（必选）';
				that.dataList[1].content = '点击上传舌相（必选）';
				that.dataList[2].content = '点击填写问卷（必选）';
				const checkNote = {
					checkId: uuid, //检测id
					maternalMobile: '', //产妇手机号
					maternalName: '', //产妇姓名
					deliveryDay: '', //分娩日期
					maternalNation: '', //民族
					deliveryType: 0, //0顺产 1剖腹产
					feedType: 0, //喂养方式 0母乳 1奶粉
					avoidFood: [], //忌口
					roomNumber: '', //房间号
				};
				that.addForm.checkNote = checkNote;
				const face = {
					checkId: uuid, //检测id
					detailId: '1' + uuid, //id
					checkType: 1, //检查类型 1面像 2舌像 3文字
					checkImg: '', //检查图片的保存路径
				};
				that.addForm.face = face;
				const tongue = {
					checkId: uuid, //检测id
					detailId: '2' + uuid, //id
					checkType: 2, //检查类型 1面像 2舌像 3文字
					checkImg: '', //检查图片的保存路径
				};
				that.addForm.tongue = tongue;
				const questionnaire = {
					checkId: uuid, //检测id
					detailId: '3' + uuid, //id
					checkType: 3, //检查类型 1面像 2舌像 3文字
					checkWords: [], //文字内容
				};
				that.addForm.questionnaire = questionnaire;
			},
			startTesting() {
				const that = this;
				if (that.addForm.face.checkImg == '') {
					uni.showToast({
						icon: 'none',
						title: '请先上传面相图片'
					});
					return;
				}
				if (that.addForm.tongue.checkImg == '') {
					uni.showToast({
						icon: 'none',
						title: '请先上传舌相图片'
					});
					return;
				}
				if (that.addForm.checkNote.maternalName == '') {
					uni.showToast({
						icon: 'none',
						title: '请先填写问卷调查'
					});
					return;
				}
				let getUserUrl = that.$profile.url + "/wechat/pay/getLoginUser";
				that.$http.post(getUserUrl).then(res => {
					that.$store.state.user = res.data;
					that.pay(that.$store.state.user);
				})
			},
			submitForm() {
				const that = this;
				that.loadModal = true;
				const addUrl = that.$profile.url + "/console/checkNote/rewrite/newAdd";
				const addForm = JSON.stringify(that.addForm);
				that.$http.post(addUrl, {
					json: addForm
				}).then(res => {
					that.loadModal = false;
					if (res.flag) {
						uni.showToast({
							icon: 'success',
							title: res.msg
						});
						that.clean();
						that.setTimer();
					}
				})
			},
			onClick(e) {
				const that = this;
				if (that.status == -1) {
					uni.showToast({
						icon: 'none',
						title: "正在检测中，请稍后重试"
					});
					return;
				}
				if (e.title == '面相') {
					uni.navigateTo({
						url: '../photograph/photograph?index=1'
					})
				} else if (e.title == '舌相') {
					uni.navigateTo({
						url: '../photograph/photograph?index=2'
					})
				} else if (e.title == '问卷') {
					uni.navigateTo({
						url: '../questionnaire/questionnaire'
					})
				}
			},
			getServerData() {
				const that = this;
				_self.showColumn("canvasColumn", _self.Column);
				canvaColumn.addEventListener('renderComplete', () => {
					setTimeout(function() {
						uni.canvasToTempFilePath({
							x: 0,
							y: 0,
							quality: 1.0,
							destWidth: 900,
							destHeight: 300,
							canvasId: 'canvasColumn',
							success: function(res) {
								//that.canvaFlag = 0;
								// 在H5平台下，tempFilePath 为 base64
								that.imgsUrl = res.tempFilePath;
							}
						})
					}, 500)
				});
			},
			showColumn(canvasId, chartData) {
				canvaColumn = new uCharts({
					$this: _self,
					canvasId: canvasId,
					type: 'column',
					legend: {
						show: false
					},
					fontSize: 11,
					background: '#FFFFFF',
					pixelRatio: _self.pixelRatio,
					animation: true,
					categories: chartData.categories,
					series: chartData.series,
					xAxis: {
						disableGrid: true,
					},
					yAxis: {
						disabled: true,
						disableGrid: true,
					},
					dataLabel: true,
					width: _self.cWidth * _self.pixelRatio,
					height: _self.cHeight * _self.pixelRatio,
					extra: {
						column: {
							type: 'group',
							width: _self.cWidth * _self.pixelRatio * 0.45 / chartData.categories.length
						},
						markLine: {
							type: 'solid',
							dashLength: 4,
							data: [{
									value: 80,
									lineColor: '#71CA94',
									showLabel: false,
									labelFontColor: '#71CA94',
									labelBgColor: '#ffffff',
									labelBgOpacity: '0.8',
									yAxisIndex: 100
								},
								{
									value: 60,
									lineColor: '#F8D37D',
									showLabel: false,
									labelFontColor: '#71CA94',
									labelBgColor: '#ffffff',
									labelBgOpacity: '0.8',
									yAxisIndex: 100
								}
							],
						}
					}
				});

			},
			touchColumn(e) {
				canvaColumn.showToolTip(e, {
					format: function(item, category) {
						if (typeof item.data === 'object') {
							return category + ' ' + item.name + ':' + item.data.value
						} else {
							return category + ' ' + item.name + ':' + item.data
						}
					}
				});
			},
		}
	}
</script>

<style scoped>
	.suspension{
		width: 150upx;
		height: 150upx;
		overflow: hidden;
		z-index: 9999;
		position: fixed;
		right: 2%;
		top: 50%;
	}
	
	.suspension-left{
		width: 150upx;
		height: 150upx;
		overflow: hidden;
		z-index: 9999;
		position: fixed;
		left: 2%;
		top: 50%;
	}
	
	.colums-chart {
	  margin-top: 20rpx;
	  margin-bottom: 20rpx;
	  display: flex;
	  align-items: flex-end;
	  height: 100rpx;
	  width: 100%;
	}
	
	.colums-but {
	  display: flex;
	  width: 100%;
	}
	
	.columnItem {
	  width: 12%;
	  margin: 0rpx 2%;
	  background-color: #e7e7e7;
	}
	
	.columnItemName {
	  width: 12%;
	  margin: 0rpx 2%;
	  font-size: 20rpx;
	  color: #8C8C8C;
	}

	
	.col-title {
		padding: 10upx 0upx;
		border: 1upx solid #EDEDED;
	}

	.col-font {
		font-size: 20upx;
		color: #9E9E9E;
	}

	.li-font {
		width: 100%;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	.index-shadow {
		position: relative;
		-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
		box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	}

	.charts {
		width: 600upx;
		height: 200upx;
		background-color: #FFFFFF;
	}

	.list-item {
		position: relative;
		width: 100%;
		text-align: center;
		height: 120upx;
		line-height: 120upx;
	}

	.index-division {
		height: 37px;
		font-size: 14px;
		padding: 10px 30px;
		display: flex;
		justify-content: space-between;
	}

	.bottom-mark {
		color: #909090;
		width: 100%;
		font-size: 24upx;
		border-top: 4upx solid #E7E7E7;
		padding-top: 20upx;
		height: 120upx;
	}

	.index-title {
		height: 70px;
		width: 100%;
		padding: 0upx 40upx;
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 1024;
		box-shadow: 0 1upx 6upx rgba(0, 0, 0, 0.1);
	}

	.index-image {
		width: 100%;
		height: 400upx;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.index-image image {
		width: 90;
		height: 90%;
	}

	.v-arrow:before {
		position: absolute;
		top: 0;
		right: 100upx;
		bottom: 0;
		display: block;
		margin: auto;
		width: 30upx;
		height: 30upx;
		color: #C8C8C8;
		content: "\e6a3";
		text-align: center;
		font-size: 70upx;
		font-family: cuIcon;
		line-height: 30upx;
	}

	.v-arrows:before {
		position: absolute;
		top: 0;
		right: 220upx;
		bottom: 0;
		display: block;
		margin: auto;
		width: 30upx;
		height: 30upx;
		color: #C8C8C8;
		content: "\e6a3";
		text-align: center;
		font-size: 50upx;
		font-family: cuIcon;
		line-height: 30upx;
	}
</style>
